soniCaH /
KCVV-Elewijt-Gatsby
| Total Complexity | 1 |
| Total Lines | 19 |
| Duplicated Lines | 0 % |
| Changes | 0 | ||
| 1 | import React, { Component } from "react" |
||
| 5 | |||
| 6 | class FeaturedSection extends Component { |
||
| 7 | render() { |
||
| 8 | const { articles, title, link = null } = this.props |
||
| 9 | return ( |
||
| 10 | <div className={`featured_section__wrapper`}> |
||
| 11 | <header className={`featured_section__header`}> |
||
| 12 | <h3>#{title}</h3> |
||
| 13 | </header> |
||
| 14 | <main className={`featured_section__content`}> |
||
| 15 | {articles && |
||
| 16 | articles.edges.map(({ node }, i) => ( |
||
| 17 | <article className={`featured_section__item`}> |
||
| 18 | <NewsItemSquare node={node} /> |
||
| 19 | </article> |
||
| 20 | ))} |
||
| 21 | </main> |
||
| 22 | {link && <footer className={`featured_section__footer`}>{link}</footer>} |
||
| 23 | </div> |
||
| 24 | ) |
||
| 29 |
